<%@page import="Clases.Socios"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <jsp:useBean id="coch" scope="page" class="Clases.Actividades" />   
	<link rel=StyleSheet href="styles.css" type="text/css" media="all"/>
        <link rel=StyleSheet href="./Resources/font-awesome-4.0.3/css/font-awesome.min.css" type="text/css" media="all"/>
        
        <% List lista = null;
           int i = 0;        
           HttpSession miSesion1 = request.getSession();
           List<Socios> socio = (List<Socios>) miSesion1.getAttribute("listaSocios");         
        %>

        <script type="text/javascript">
            function cargarSelect2(valor) {
                document.getElementById("Nro").options[0] = new Option("Selecciona una opcion");
                if (valor === "0")
                {
            <% lista = coch.CocherasDisp("Cubierta");
             for (i = 0; i < lista.size(); i++) {%>
                    var n = <%= (i + 1)%>;
                    document.getElementById("Nro").options[n] = new Option(<%= lista.get(i)%>);
            <%}     %>
                } else {
            <% lista = coch.CocherasDisp("Descubierta");
             for (i = 0; i < lista.size(); i++) {%>
                    var n = <%= (i + 1)%>;
                    document.getElementById("Nro").options[n] = new Option(<%= lista.get(i)%>);
            <%}%>
                }
                document.getElementById("Nro").disabled = false;
            }
        </script>


<script type="text/javascript">  
 function validar(form){
     if ((this.Nombre.value=="") || (this.Nombre.value=="Seleccione un Socio")){
         alert("Debe seleccionar un socio");
         form.nombre.focus();         
           return false;
     }else{
         this.close();
     }
    form.submit();  
    window.opener.close();
    //this.close();
}
</script> 

    </head>

    <body style="background: none repeat scroll 0 0 rgba(24, 74, 235, 0.3)" onload="cargarSelect2('0');" >

    <form method="POST" action="ServletIngresarCochera" target="_blank" onSubmit="validar(this); return false;">
        
        <p>
            <label class="eti_fondo" for="TipoCoch">Tipo Cochera: </label>            
            <select name="TipoCoch" id="TipoCoch" onchange="cargarSelect2(this.value);">
                <option value="0">Cubierta</option>
                <option value="1">Descubierta</option>
            </select>
        </p>

        <p>
            <label class="eti_fondo" for="Nro">Nro. Cochera: </label>            
            <select name="Nro" id="Nro" >
                <option value="0">Selecciona una cochera</option>
            </select>            
        </p>
        
        <p>        
            <label class="eti_fondo" for="Nombre">Socio: </label>            
            <select name="Nombre" id="Nombre" >             
              <option value="0">Selecciona un Socio</option>

        <% 
           for(i=0; i<socio.size(); i++){      
        %> 

              <option><%= socio.get(i).getDenominacion() %></option>
                    <%}
            %>
    </select> 
        </p>
        
        <p>
            <label class="eti_fondo" for="TipoVeh">Tipo Vehículo: </label>            
            <select name="TipoVeh" id="TipoVeh" >
                <option value="0">Selecciona el Tipo Vehículo</option>
                <option value="1">Sedam</option>
                <option value="2">Utilitario</option>  
                <option value="3">4 X 4</option>
                <option value="4">Motocicleta</option>                
            </select>            
        </p>
        
        <p>
            <label class="eti_fondo" for="Patente">Patente: </label>
            <input style="display: inline-box;" name="Patente" type="text" id="Patente" size="40"/>            
        </p>
        
        <p>
            <label class="eti_fondo" for="Marca">Marca: </label>
            <input style="display: inline-box;" name="Marca" type="text" id="Marca" size="40"/>             
        </p>
        
        <p>
            <label class="eti_fondo" for="Modelo">Modelo: </label>
            <input style="display: inline-box;" name="Modelo" type="text" id="Modelo" size="40"/>               
        </p>
        
        <p>
            <input type="submit" class="button" name="grabar" id="grabar" align="center" value="Grabar"  >            
        </p> 
        
        
    </form>
        
    </body>        
</html>
